<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>想法</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/bootstrap-responsive.css" rel="stylesheet">
	<style type="text/css">
		body{
			padding-top:70px;
		}
		.clear{
			clear:both;
		}

		.wall{
			padding: 15px;
			border:1px solid #DDDDDD;
			border-top:0px;
		}
		.container{
			width:940px;
		}
		
		.doc_modal{
			
		}
		
		input{
			height: 30px;
		}
	</style>
  </head>
  
  <body>
  
  	<!--确认删除 modal -->
    <div class="modal fade doc_modal" id="myModal">
	  <div class="modal-header">
		<a class="close" data-dismiss="modal">×</a>
		<h3>系统提示</h3>
		</div>
		<div class="modal-body">
			<p>确认删除？</p>
		</div>
	    <div class="modal-footer">
			<a href="#" class="btn btn-primary">确认</a>
			<a href="#" class="btn" data-dismiss="modal">取消</a>
		</div>
    </div>
  
    <div class="container">
		<!--top-->
		 <%@ include file="top.jsp" %>
	    <!--content-->

	    <div class="container-fluid">
		    <div class="row-fluid">
			    <div class="span2">
			    	<!--Sidebar content-->
			    	<%@ include file="left.jsp" %>
			    </div>
				 <div class="span9">
					<ul style="margin-bottom:0px;border-radius: 3px 3px 0 0;" class="breadcrumb">
						<li class="active">
							<a href="idea.html"><i class="icon-fire"></i>想法</a>
						</li>
						<li class="pull-right"><i class="icon-plus"></i><a class="link-black" href="add_idea.jsp">发表想法</a></li>
					</ul>
					<div style="margin-bottom:20px;" class="wall">
						<blockquote>
						  <h4><a href="idea_show.jsp">使用Ajax技术</a></h4>
						  <p style="font-size:14px;line-height:1.5;">在最新的版本中使用Ajax技术怎么样，推荐看看Jquery的Ajax和DWR...</p>
						  <small>樊凯发布于 1个月前</small>
						  <a title="编辑" href="edit_idea.jsp"><i class="icon-pencil"></i></a>
						  <a title="删除" href="javascript:void(0)" class="sure_del"><i class="icon-trash"></i></a>
						</blockquote>
						
						<blockquote>
						  <h4><a href="">添加验证码功能</a></h4>
						  <p style="font-size:14px;line-height:1.5;">在最新的版本中使用Ajax技术怎么样，推荐看看Jquery的Ajax和DWR...</p>
						  <small>樊凯发布于 1个月前</small>
						  <a title="编辑" href=""><i class="icon-pencil"></i></a>
						  <a title="删除" href=""><i class="icon-trash"></i></a>
						</blockquote>
						<blockquote>
						  <h4><a href="">留言功能</a></h4>
						  <p style="font-size:14px;line-height:1.5;">在最新的版本中使用Ajax技术怎么样，推荐看看Jquery的Ajax和DWR...</p>
						  <small>樊凯发布于 1个月前</small>
						  <a title="编辑" href=""><i class="icon-pencil"></i></a>
						  <a title="删除" href=""><i class="icon-trash"></i></a>
						</blockquote>
						
						<div class="pagination pull-right">
						  <ul>
							<li><a href="#">Prev</a></li>
							<li class="active">
							  <a href="#">1</a>
							</li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">Next</a></li>
						  </ul>
						</div>
						
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
    <script src="script/jquery-1.7.1.min.js"></script>
    <script src="script/bootstrap-dropdown.js"></script>
    <script src="script/bootstrap-modal.js"></script>
        <script type="text/javascript">
    	$(document).ready(function(){
    		/*确认删除modal*/
    		$(".sure_del").click(function(){
    			$('#myModal').modal('show');
    		});
    		
    	});
    </script>
    
  </body>
</html>
